<script> 
       $(function () {
        
    $('#container1').highcharts({
        chart: {
            type: 'line',
            backgroundColor: '#fafafa',
            style: {
                fontFamily: "microsoft yahei",
            }, 
        },
        title: {
            text: '用户增长统计',
            
        },
        subtitle: {
            text: '最近7天用户增长数量统计'
        },
        xAxis: {
            categories: [
                '{$timearr[0]}',
                '{$timearr[1]}',
                '{$timearr[2]}',
                '{$timearr[3]}',
                '{$timearr[4]}',
                '{$timearr[5]}',
                '{$timearr[6]}',
                '{$timearr[7]}', 
            ],
        },
        yAxis: {
            min: 0,
            title: {
                text: '数量（个）',
                
            },
            allowDecimals:false 
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y}个</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: '用户增长',
            data: [{$quandarr[0]}, {$quandarr[1]}, {$quandarr[2]}, {$quandarr[3]}, {$quandarr[4]}, {$quandarr[5]}, {$quandarr[6]},{$quandarr[7]}] ,
            color: '#B26179' 
        }]
    });
});             
    </script>

    <div id="container1" style="width:100%;height:280px"></div> 